<!DOCTYPE html>
<!-- saved from url=(0049)http://www.runoob.com/jquery/jquery-tutorial.html -->
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	
  <meta property="qc:admins" content="465267610762567726375">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">  
	<title>jQuery 教程 | 菜鸟教程</title>

  <link rel="dns-prefetch" href="http://s.w.org/">
<link rel="canonical" href="http://www.runoob.com/jquery/jquery-tutorial.html">
<meta name="keywords" content="jQuery 教程,jQuery">
<meta name="description" content="jQuery 教程   jQuery 是一个 JavaScript 库。 jQuery 极大地简化了 JavaScript 编程。 jQuery 很容易学习。   本章节的每一篇都包含了在线实例 通过本站的在线编辑器，你可以在线运行修改后的代码，并查看运行结果。  实例  [mycode3 type=&#39;javascript&#39;] $(document).ready(function(){   $(&#39;p..">
		
	<link rel="shortcut icon" href="http://www.runoob.com/favicon.ico" mce_href="http://www.runoob.com/favicon.ico" type="image/x-icon">
	<link rel="stylesheet" href="./jQuery 教程 _ 菜鸟教程_files/style.css" type="text/css" media="all">	
	<link rel="stylesheet" href="./jQuery 教程 _ 菜鸟教程_files/font-awesome.min.css" media="all">	
  <script src="./jQuery 教程 _ 菜鸟教程_files/push.js"></script><script src="./jQuery 教程 _ 菜鸟教程_files/hm.js"></script><script src="./jQuery 教程 _ 菜鸟教程_files/ca-pub-5751451760833794.js"></script><script src="./jQuery 教程 _ 菜鸟教程_files/jquery.min.js"></script>
  <!--[if lt IE 9]>
     <script src="http://cdn.static.runoob.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
  <![endif]-->
  <link rel="apple-touch-icon" href="http://static.runoob.com/images/icon/mobile-icon.png">
  <meta name="apple-mobile-web-app-title" content="菜鸟教程">
<link rel="stylesheet" type="text/css" href="./jQuery 教程 _ 菜鸟教程_files/prettify.css"></head>
<body>
<!--  头部 -->
<div class="container logo-search">

  <div class="col search row-search-mobile">
    <form action="http://www.runoob.com/jquery/index.php">
      <input class="placeholder" value="搜索……" name="s" autocomplete="off">
    </form>
  </div>

  <div class="row">
    <div class="col logo">
      <h1><a href="http://www.runoob.com/">菜鸟教程 -- 学的不仅是技术，更是梦想！</a></h1>
    </div>
        <div class="col right-list"> 
    <button class="btn btn-responsive-nav btn-inverse" data-toggle="collapse" data-target=".nav-main-collapse" id="pull" style=""> <i class="fa fa-navicon"></i> </button>
    </div>
        <div class="col search search-desktop last">
      <form action="http://www.runoob.com/" target="_blank">
        <input class="placeholder" id="s" name="s" value="搜索……" autocomplete="off">
      </form>
    </div>
  </div>
</div>


<!-- 导航栏 -->
<!-- 导航栏 -->
<div class="container navigation">
	<div class="row">
		<div class="col nav">
			<ul class="pc-nav">
				<li><a href="http://www.runoob.com/">首页</a></li>
				<li><a href="http://www.runoob.com/html/html-tutorial.html">HTML</a></li>
				<li><a href="http://www.runoob.com/css/css-tutorial.html">CSS</a></li>
				<li><a href="http://www.runoob.com/js/js-tutorial.html">JavaScript</a></li>
				<li><a href="http://www.runoob.com/jquery/jquery-tutorial.html">jQuery</a></li>
				<li><a href="http://www.runoob.com/bootstrap/bootstrap-tutorial.html">Bootstrap</a></li>
				<li><a href="http://www.runoob.com/sql/sql-tutorial.html">SQL</a></li>
				<li><a href="http://www.runoob.com/mysql/mysql-tutorial.html">MySQL</a></li>
				<li><a href="http://www.runoob.com/php/php-tutorial.html">PHP</a></li>
				<li><a href="http://www.runoob.com/python/python-tutorial.html">Python</a></li>
				<li><a href="http://www.runoob.com/cprogramming/c-tutorial.html">C</a></li>
				<li><a href="http://www.runoob.com/cplusplus/cpp-tutorial.html">C++</a></li>
				<li><a href="http://www.runoob.com/csharp/csharp-tutorial.html">C#</a></li>
				<li><a href="http://www.runoob.com/java/java-tutorial.html">Java</a></li>
				<li><a href="http://www.runoob.com/ruby/ruby-tutorial.html">Ruby</a></li>
				
				<li><a href="http://www.runoob.com/sitemap">更多……</a></li>
      		</ul>
			<ul class="mobile-nav">
				<li><a href="http://www.runoob.com/">首页</a></li>
				<li><a href="http://www.runoob.com/html/html-tutorial.html">HTML</a></li>
				<li><a href="http://www.runoob.com/css/css-tutorial.html">CSS</a></li>
				<li><a href="http://www.runoob.com/js/js-tutorial.html">JavaScript</a></li>
				<a href="javascript:void(0)" class="search-reveal">Search</a> 
			</ul>
			
		</div>
	</div>
</div><!--  内容  -->
<div class="container main">
	<!-- 中间 -->
	<div class="row">
	
<div class="col left-column">
	<div class="tab">jQuery 教程</div>
	<div class="sidebar-box gallery-list">
		<div class="design" id="leftcolumn">
						<a target="_top" title="jQuery 教程" href="http://www.runoob.com/jquery/jquery-tutorial.html" style="font-weight: bold; color: rgb(255, 255, 255); background-color: rgb(150, 185, 125);">
			jQuery 教程			</a>
						<a target="_top" title="jQuery 简介" href="http://www.runoob.com/jquery/jquery-intro.html">
			jQuery 简介			</a>
						<a target="_top" title="jQuery 安装" href="http://www.runoob.com/jquery/jquery-install.html">
			jQuery 安装			</a>
						<a target="_top" title="jQuery 语法" href="http://www.runoob.com/jquery/jquery-syntax.html">
			jQuery 语法			</a>
						<a target="_top" title="jQuery 选择器" href="http://www.runoob.com/jquery/jquery-selectors.html">
			jQuery 选择器			</a>
						<a target="_top" title="jQuery 事件" href="http://www.runoob.com/jquery/jquery-events.html">
			jQuery 事件			</a>
			<br><h2 class="left"><span class="left_h2">jQuery 效果</span></h2>			<a target="_top" title="jQuery 效果 – 隐藏和显示" href="http://www.runoob.com/jquery/jquery-hide-show.html">
			jQuery 隐藏/显示			</a>
						<a target="_top" title="jQuery 效果 – 淡入淡出" href="http://www.runoob.com/jquery/jquery-fade.html">
			jQuery 淡入淡出			</a>
						<a target="_top" title="jQuery 效果 – 滑动" href="http://www.runoob.com/jquery/jquery-slide.html">
			jQuery 滑动			</a>
						<a target="_top" title="jQuery 效果 – 动画" href="http://www.runoob.com/jquery/jquery-animate.html">
			jQuery 动画			</a>
						<a target="_top" title="jQuery 效果 – 停止动画" href="http://www.runoob.com/jquery/jquery-stop.html">
			jQuery 停止动画			</a>
						<a target="_top" title="jQuery Callback 方法" href="http://www.runoob.com/jquery/jquery-callback.html">
			jQuery Callback			</a>
						<a target="_top" title="jQuery Chaining" href="http://www.runoob.com/jquery/jquery-chaining.html">
			jQuery Chaining			</a>
			<br><h2 class="left"><span class="left_h2">jQuery HTML</span></h2>			<a target="_top" title="jQuery 获取内容和属性" href="http://www.runoob.com/jquery/jquery-dom-get.html">
			jQuery 捕获			</a>
						<a target="_top" title="jQuery 设置内容和属性" href="http://www.runoob.com/jquery/jquery-dom-set.html">
			jQuery 设置			</a>
						<a target="_top" title="jQuery 添加元素" href="http://www.runoob.com/jquery/jquery-dom-add.html">
			jQuery 添加元素			</a>
						<a target="_top" title="jQuery 删除元素" href="http://www.runoob.com/jquery/jquery-dom-remove.html">
			jQuery 删除元素			</a>
						<a target="_top" title="jQuery 获取并设置 CSS 类" href="http://www.runoob.com/jquery/jquery-css-classes.html">
			jQuery CSS 类			</a>
						<a target="_top" title="jQuery css() 方法" href="http://www.runoob.com/jquery/jquery-css.html">
			jQuery css() 方法			</a>
						<a target="_top" title="jQuery 尺寸" href="http://www.runoob.com/jquery/jquery-dimensions.html">
			jQuery 尺寸			</a>
			<br><h2 class="left"><span class="left_h2">jQuery 遍历</span></h2>			<a target="_top" title="jQuery 遍历" href="http://www.runoob.com/jquery/jquery-traversing.html">
			jQuery 遍历			</a>
						<a target="_top" title="jQuery 遍历 – 祖先" href="http://www.runoob.com/jquery/jquery-traversing-ancestors.html">
			jQuery 祖先			</a>
						<a target="_top" title="jQuery 遍历 – 后代" href="http://www.runoob.com/jquery/jquery-traversing-descendants.html">
			jQuery 后代			</a>
						<a target="_top" title="jQuery 遍历 – 同胞(siblings)" href="http://www.runoob.com/jquery/jquery-traversing-siblings.html">
			jQuery 同胞			</a>
						<a target="_top" title="jQuery 遍历 – 过滤" href="http://www.runoob.com/jquery/jquery-traversing-filtering.html">
			jQuery 过滤			</a>
			<br><h2 class="left"><span class="left_h2">jQuery Ajax</span></h2>			<a target="_top" title="jQuery AJAX 简介" href="http://www.runoob.com/jquery/jquery-ajax-intro.html">
			jQuery AJAX 简介			</a>
						<a target="_top" title="jQuery – AJAX load() 方法" href="http://www.runoob.com/jquery/jquery-ajax-load.html">
			jQuery load() 方法			</a>
						<a target="_top" title="jQuery – AJAX get() 和 post() 方法" href="http://www.runoob.com/jquery/jquery-ajax-get-post.html">
			jQuery  get()/post() 方法			</a>
			<br><h2 class="left"><span class="left_h2">jQuery 其他</span></h2>			<a target="_top" title="jQuery noConflict() 方法" href="http://www.runoob.com/jquery/jquery-noconflict.html">
			jQuery noConflict() 方法			</a>
			<a target="_blank" title="jQuery JSONP" href="http://www.runoob.com/json/json-jsonp.html">jQuery JSONP </a>
<br><h2 class="left"><span class="left_h2">jQuery 实例</span></h2>			<a target="_top" title="jQuery 实例" href="http://www.runoob.com/jquery/jquery-examples.html">
			jQuery 实例			</a>
			<br><h2 class="left"><span class="left_h2">jQuery 参考手册</span></h2>			<a target="_top" title="jQuery 选择器" href="http://www.runoob.com/jquery/jquery-ref-selectors.html">
			jQuery 选择器			</a>
						<a target="_top" title="jQuery 事件方法" href="http://www.runoob.com/jquery/jquery-ref-events.html">
			jQuery 事件方法			</a>
						<a target="_top" title="jQuery 效果方法" href="http://www.runoob.com/jquery/jquery-ref-effects.html">
			jQuery 效果方法			</a>
						<a target="_top" title="jQuery HTML / CSS 方法" href="http://www.runoob.com/jquery/jquery-ref-html.html">
			jQuery HTML / CSS 方法			</a>
						<a target="_top" title="jQuery 遍历方法" href="http://www.runoob.com/jquery/jquery-ref-traversing.html">
			jQuery 遍历方法			</a>
						<a target="_top" title="jQuery AJAX 方法" href="http://www.runoob.com/jquery/jquery-ref-ajax.html">
			jQuery AJAX 方法			</a>
						<a target="_top" title="jQuery 杂项方法" href="http://www.runoob.com/jquery/jquery-ref-misc.html">
			jQuery 杂项方法			</a>
						<a target="_top" title="jQuery 属性" href="http://www.runoob.com/jquery/jquery-ref-prop.html">
			jQuery 属性			</a>
			<br><h2 class="left">jQuery <span class="left_h2">插件</span></h2>
<a target="_top" href="http://www.w3cschool.cc/jquery/jquery-plugin-validate.html">
	jQuery Validate	</a>
<a target="_top" href="http://www.w3cschool.cc/jquery/jquery-plugin-accordion.html">
	jQuery Accordion</a>
<a target="_top" href="http://www.w3cschool.cc/jquery/jquery-plugin-autocomplete.html">
	jQuery Autocomplete</a>
<a target="_top" href="http://www.w3cschool.cc/jquery/jquery-plugin-message.html">
	jQuery Message</a>
<a target="_top" href="http://www.w3cschool.cc/jquery/jquery-plugin-password-validation.html">
	jQuery 密码验证</a>
<a target="_top" href="http://www.w3cschool.cc/jquery/jquery-plugin-prettydate.html">
	jQuery Prettydate</a>
<a target="_top" href="http://www.w3cschool.cc/jquery/jquery-plugin-tooltip.html">
	jQuery Tooltip</a>
<a target="_top" href="http://www.w3cschool.cc/jquery/jquery-plugin-treeview.html">
	jQuery Treeview</a>	
		</div>
	</div>	
</div>	<div class="col middle-column">
		
	
	<div class="article">
			<div class="article-heading-ad">
		<script async="" src="./jQuery 教程 _ 菜鸟教程_files/adsbygoogle.js"></script>
		<!-- 移动版 自动调整 -->
		<ins class="adsbygoogle" style="display:inline-block;min-width:300px;max-width:970px;width:100%;height:90px" data-ad-client="ca-pub-5751451760833794" data-ad-slot="1691338467" data-ad-format="horizontal" data-adsbygoogle-status="done"><ins id="aswift_0_expand" style="display:inline-table;border:none;height:90px;margin:0;padding:0;position:relative;visibility:visible;width:742px;background-color:transparent"><ins id="aswift_0_anchor" style="display:block;border:none;height:90px;margin:0;padding:0;position:relative;visibility:visible;width:742px;background-color:transparent"><iframe width="742" height="90" frameborder="0" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no" allowfullscreen="true" onload="var i=this.id,s=window.google_iframe_oncopy,H=s&amp;&amp;s.handlers,h=H&amp;&amp;H[i],w=this.contentWindow,d;try{d=w.document}catch(e){}if(h&amp;&amp;d&amp;&amp;(!d.body||!d.body.firstChild)){if(h.call){setTimeout(h,0)}else if(h.match){try{h=s.upd(h,i)}catch(e){}w.location.replace(h)}}" id="aswift_0" name="aswift_0" style="left:0;position:absolute;top:0;" src="./jQuery 教程 _ 菜鸟教程_files/saved_resource.html"></iframe></ins></ins></ins>
		<script>
		(adsbygoogle = window.adsbygoogle || []).push({});
		</script>
		</div>
		<div class="previous-next-links">
			<div class="previous-design-link" style="display: none;"> </div>
			<div class="next-design-link"><a href="http://www.runoob.com/jquery/jquery-intro.html" rel="next" title="jQuery 简介">jQuery 简介</a> →</div>
		</div>
		<div class="article-body">
		
			<div class="article-intro" id="content">
			
			<h1>jQuery <span class="color_h1">教程</span>
</h1>
<div class="tutintro">
<p>jQuery 是一个 JavaScript 库。</p>
<p>jQuery 极大地简化了 JavaScript 编程。</p>
<p>jQuery 很容易学习。</p><p>
</p></div>

<h2 class="tutheader">本章节的每一篇都包含了在线实例</h2>
<p>通过本站的在线编辑器，你可以在线运行修改后的代码，并查看运行结果。</p>
<div class="example">
<h2 class="example">实例</h2>
<div class="example_code">
<div class="hl-main"><span class="hl-code">$</span><span class="hl-brackets">(</span><span class="hl-builtin">document</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">ready</span><span class="hl-brackets">(</span><span class="hl-reserved">function</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-brackets">{</span><span class="hl-code">
  $</span><span class="hl-brackets">(</span><span class="hl-quotes">"</span><span class="hl-string">p</span><span class="hl-quotes">"</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">click</span><span class="hl-brackets">(</span><span class="hl-reserved">function</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-brackets">{</span><span class="hl-code">
    $</span><span class="hl-brackets">(</span><span class="hl-reserved">this</span><span class="hl-brackets">)</span><span class="hl-code">.</span><span class="hl-identifier">hide</span><span class="hl-brackets">(</span><span class="hl-brackets">)</span><span class="hl-code">;
  </span><span class="hl-brackets">}</span><span class="hl-brackets">)</span><span class="hl-code">;
</span><span class="hl-brackets">}</span><span class="hl-brackets">)</span><span class="hl-code">;</span></div>
</div>
<br><a target="_blank" class="tryitbtn" href="http://www.runoob.com/try/try.php?filename=tryjquery_hide">尝试一下 »</a>
</div>
<p><b>点击 "尝试一下" 按钮查看运行结果。</b></p>

<h2 class="tutheader">jQuery 实例</h2>
<p>在本教程中，您将通过教程以及许多在线实例，学到如何通过使用 jQuery 应用 JavaScript 效果。</p>
<ul>
<li><a href="http://www.runoob.com/jquery/jquery-examples.html">jQuery 在线实例</a></li>
</ul>
<hr><h2>jQuery 测验</h2>
<p>在菜鸟教程上测试你的 jQuery 技能!</p>
<ul>
	<li><a href="http://www.runoob.com/quiz/jquery-quiz.html">jQuery 测验</a></li>
</ul>
<br><h2 class="tutheader">jQuery 参考手册</h2>
<p>在本教程中，你将学习到更多的jquery的使用方法。</p>
<ul>
<li><a href="http://www.runoob.com/jquery/jquery-ref-selectors.html">jQuery 参考手册</a></li>
<li><a href="http://www.runoob.com/manual/jquery/">jQuery API 手册</a></li>
</ul>
<br>			
			
			</div>
		</div>
		
		<div class="previous-next-links">
			<div class="previous-design-link" style="display: none;"> </div>
			<div class="next-design-link"><a href="http://www.runoob.com/jquery/jquery-intro.html" rel="next" title="jQuery 简介">jQuery 简介</a> →</div>
		</div>
		
		<div class="sidebar-box ad-box ad-box-large">
		<div class="ad-336280" style="display: none;">
			
		</div>
		</div>
		
	</div>
</div>
	

<!-- 右边栏 -->
<div class="fivecol last right-column">
<!--
	<div class="tab tab-light-blue" style="text-align: center;">关注微信</div>
	<div class="sidebar-box">
		<a href="http://m.runoob.com/" target="_blank"> <img src="http://www.runoob.com/wp-content/themes/w3cschool.cc/assets/img/qrcode.jpg" alt="移动版"> </a>
		<div class="qqinfo">
		 <a target="_blank" href="http://jq.qq.com/?_wv=1027&k=dOwwKN" id="qqhref">
		<img border="0" src="http://pub.idqqimg.com/wpa/images/group.png" alt="菜鸟家族" title="菜鸟家族"></a>
		<span>(群号：<span id="qqid">365967760</span>)</span>
		</div>
		
	</div>
	-->
	

	
		<div class="sidebar-box ad-box ad-box-large">
		<div class="sidebar-box advertise-here" style="margin: 0 auto;">
			<a href="javascript:void(0);" style="font-size: 16px; color:#64854c;font-weight:bold;">分类导航</a>
		</div>
	<div class="sidebar-box sidebar-cate">
		
		<div class="sidebar-tree">
			<ul><li style="margin: 0;"><a href="javascript:void(0);" class="tit">HTML / CSS</a><ul><li><a title="HTML 教程" href="http://www.runoob.com/html/html-tutorial.html">HTML 教程</a></li><li><a title="HTML5 教程" href="http://www.runoob.com/html/html5-intro.html">HTML5 教程</a></li><li><a title="CSS 教程" href="http://www.runoob.com/css/css-tutorial.html">CSS 教程</a></li><li><a title="CSS3 教程" href="http://www.runoob.com/css3/css3-tutorial.html">CSS3 教程</a></li><li><a title="Bootstrap 教程" href="http://www.runoob.com/bootstrap/bootstrap-tutorial.html">Bootstrap 教程</a></li><li><a title="Foundation 教程" href="http://www.runoob.com/foundation/foundation-tutorial.html">Foundation 教程</a></li></ul></li><li style="margin: 0;"><a href="javascript:void(0);" class="tit">JavaScript</a><ul><li><a title="JavaScript 教程" href="http://www.runoob.com/js/js-tutorial.html">JavaScript 教程</a></li><li><a title="HTML DOM 教程" href="http://www.runoob.com/htmldom/htmldom-tutorial.html">HTML DOM 教程</a></li><li><a title="jQuery 教程" href="http://www.runoob.com/jquery/jquery-tutorial.html">jQuery 教程</a></li><li><a title="AngularJS 教程" href="http://www.runoob.com/angularjs/angularjs-tutorial.html">AngularJS 教程</a></li><li><a title="React 教程" href="http://www.runoob.com/react/react-tutorial.html">React 教程</a></li><li><a title="jQuery UI 教程" href="http://www.runoob.com/jqueryui/jqueryui-tutorial.html">jQuery UI 教程</a></li><li><a title="jQuery EasyUI 教程" href="http://www.runoob.com/jeasyui/jqueryeasyui-tutorial.html">jQuery EasyUI 教程</a></li><li><a title="Node.js 教程" href="http://www.runoob.com/nodejs/nodejs-tutorial.html">Node.js 教程</a></li><li><a title="AJAX 教程" href="http://www.runoob.com/ajax/ajax-tutorial.html">AJAX 教程</a></li><li><a title="JSON 教程" href="http://www.runoob.com/json/json-tutorial.html">JSON 教程</a></li><li><a title="Highcharts 教程" href="http://www.runoob.com/highcharts/highcharts-tutorial.html">Highcharts 教程</a></li><li><a title="Google 地图 教程" href="http://www.runoob.com/googleapi/google-maps-basic.html">Google 地图 教程</a></li></ul></li><li style="margin: 0;"><a href="javascript:void(0);" class="tit">服务端</a><ul><li><a title="PHP 教程" href="http://www.runoob.com/php/php-tutorial.html">PHP 教程</a></li><li><a title="Python 教程" href="http://www.runoob.com/python/python-tutorial.html">Python 教程</a></li><li><a title="Python3 教程" href="http://www.runoob.com/python3/python3-tutorial.html">Python3 教程</a></li><li><a title="Django 教程" href="http://www.runoob.com/django/django-tutorial.html">Django 教程</a></li><li><a title="Linux 教程" href="http://www.runoob.com/linux/linux-tutorial.html">Linux 教程</a></li><li><a title="Docker 教程" href="http://www.runoob.com/docker/docker-tutorial.html">Docker 教程</a></li><li><a title="Ruby 教程" href="http://www.runoob.com/ruby/ruby-tutorial.html">Ruby 教程</a></li><li><a title="Java 教程" href="http://www.runoob.com/java/java-tutorial.html">Java 教程</a></li><li><a title="C 教程" href="http://www.runoob.com/c/c-tutorial.html">C 教程</a></li><li><a title="C++ 教程" href="http://www.runoob.com/cplusplus/cpp-tutorial.html">C++ 教程</a></li><li><a title="Perl 教程" href="http://www.runoob.com/perl/perl-tutorial.html">Perl 教程</a></li><li><a title="Servlet 教程" href="http://www.runoob.com/servlet/servlet-tutorial.html">Servlet 教程</a></li><li><a title="JSP 教程" href="http://www.runoob.com/jsp/jsp-tutorial.html">JSP 教程</a></li><li><a title="Lua 教程" href="http://www.runoob.com/lua/lua-tutorial.html">Lua 教程</a></li><li><a title="Scala 教程" href="http://www.runoob.com/scala/scala-tutorial.html">Scala 教程</a></li><li><a title="Go 教程" href="http://www.runoob.com/go/go-tutorial.html">Go 教程</a></li><li><a title="设计模式" href="http://www.runoob.com/design-pattern/design-pattern-tutorial.html">设计模式</a></li><li><a title="正则表达式" href="http://www.runoob.com/regexp/regexp-tutorial.html">正则表达式</a></li><li><a title="ASP 教程" href="http://www.runoob.com/asp/asp-tutorial.html">ASP 教程</a></li><li><a title="AppML 教程" href="http://www.runoob.com/appml/appml-tutorial.html">AppML 教程</a></li><li><a title="VBScript 教程" href="http://www.runoob.com/vbscript/vbscript-tutorial.html">VBScript 教程</a></li></ul></li><li style="margin: 0;"><a href="javascript:void(0);" class="tit">数据库</a><ul><li><a title="SQL 教程" href="http://www.runoob.com/sql/sql-tutorial.html">SQL 教程</a></li><li><a title="Mysql 教程" href="http://www.runoob.com/mysql/mysql-tutorial.html">Mysql 教程</a></li><li><a title="SQLite 教程" href="http://www.runoob.com/sqlite/sqlite-tutorial.html">SQLite 教程</a></li><li><a title="MongoDB 教程" href="http://www.runoob.com/mongodb/mongodb-tutorial.html">MongoDB 教程</a></li><li><a title="Redis 教程" href="http://www.runoob.com/redis/redis-tutorial.html">Redis 教程</a></li><li><a title="Memcached 教程" href="http://www.runoob.com/Memcached/Memcached-tutorial.html">Memcached 教程</a></li></ul></li><li style="margin: 0;"><a href="javascript:void(0);" class="tit">移动端</a><ul><li><a title="Android 教程" href="http://www.runoob.com/w3cnote/android-tutorial-intro.html">Android 教程</a></li><li><a title="Swift 教程" href="http://www.runoob.com/swift/swift-tutorial.html">Swift 教程</a></li><li><a title="jQuery Mobile 教程" href="http://www.runoob.com/jquerymobile/jquerymobile-tutorial.html">jQuery Mobile 教程</a></li><li><a title="ionic 教程" href="http://www.runoob.com/ionic/ionic-tutorial.html">ionic 教程</a></li></ul></li><li style="margin: 0;"><a href="javascript:void(0);" class="tit">XML 教程</a><ul><li><a title="XML 教程" href="http://www.runoob.com/xml/xml-tutorial.html">XML 教程</a></li><li><a title="DTD 教程" href="http://www.runoob.com/dtd/dtd-tutorial.html">DTD 教程</a></li><li><a title="XML DOM 教程" href="http://www.runoob.com/dom/dom-tutorial.html">XML DOM 教程</a></li><li><a title="XSLT 教程" href="http://www.runoob.com/xsl/xsl-tutorial.html">XSLT 教程</a></li><li><a title="XPath 教程" href="http://www.runoob.com/xpath/xpath-tutorial.html">XPath 教程</a></li><li><a title="XQuery 教程" href="http://www.runoob.com/xquery/xquery-tutorial.html">XQuery 教程</a></li><li><a title="XLink 教程" href="http://www.runoob.com/xlink/xlink-tutorial.html">XLink 教程</a></li><li><a title="XPointer 教程" href="http://www.runoob.com/xlink/xlink-tutorial.html">XPointer 教程</a></li><li><a title="XML Schema 教程" href="http://www.runoob.com/schema/schema-tutorial.html">XML Schema 教程</a></li><li><a title="XSL-FO 教程" href="http://www.runoob.com/xslfo/xslfo-tutorial.html">XSL-FO 教程</a></li><li><a title="SVG 教程" href="http://www.runoob.com/svg/svg-tutorial.html">SVG 教程</a></li></ul></li><li style="margin: 0;"><a href="javascript:void(0);" class="tit">ASP.NET</a><ul><li><a title="ASP.NET 教程" href="http://www.runoob.com/aspnet/aspnet-tutorial.html">ASP.NET 教程</a></li><li><a title="C# 教程" href="http://www.runoob.com/csharp/csharp-tutorial.html">C# 教程</a></li><li><a title="Web Pages 教程" href="http://www.runoob.com/aspnet/webpages-intro.html">Web Pages 教程</a></li><li><a title="Razor 教程" href="http://www.runoob.com/aspnet/razor-intro.html">Razor 教程</a></li><li><a title="MVC 教程" href="http://www.runoob.com/aspnet/mvc-intro.html">MVC 教程</a></li><li><a title="Web Forms 教程" href="http://www.runoob.com/aspnet/aspnet-intro.html">Web Forms 教程</a></li></ul></li><li style="margin: 0;"><a href="javascript:void(0);" class="tit">Web Services</a><ul><li><a title="Web Services 教程" href="http://www.runoob.com/webservices/webservices-tutorial.html">Web Services 教程</a></li><li><a title="WSDL 教程" href="http://www.runoob.com/wsdl/wsdl-tutorial.html">WSDL 教程</a></li><li><a title="SOAP 教程" href="http://www.runoob.com/soap/soap-tutorial.html">SOAP 教程</a></li><li><a title="RSS 教程" href="http://www.runoob.com/rss/rss-tutorial.html">RSS 教程</a></li><li><a title="RDF 教程" href="http://www.runoob.com/rdf/rdf-tutorial.html">RDF 教程</a></li></ul></li><li style="margin: 0;"><a href="javascript:void(0);" class="tit">开发工具</a><ul><li><a title="Eclipse 教程" href="http://www.runoob.com/eclipse/eclipse-tutorial.html">Eclipse 教程</a></li><li><a title="Git 教程" href="http://www.runoob.com/git/git-tutorial.html">Git 教程</a></li><li><a title="Firebug 教程" href="http://www.runoob.com/firebug/firebug-tutorial.html">Firebug 教程</a></li></ul></li><li style="margin: 0;"><a href="javascript:void(0);" class="tit">网站建设</a><ul><li><a title="HTTP 教程" href="http://www.runoob.com/http/http-tutorial.html">HTTP 教程</a></li><li><a title="网站建设指南" href="http://www.runoob.com/web/web-buildingprimer.html">网站建设指南</a></li><li><a title="浏览器信息" href="http://www.runoob.com/browsers/browser-information.html">浏览器信息</a></li><li><a title="网站主机教程" href="http://www.runoob.com/hosting/hosting-tutorial.html">网站主机教程</a></li><li><a title="TCP/IP 教程" href="http://www.runoob.com/tcpip/tcpip-tutorial.html">TCP/IP 教程</a></li><li><a title="W3C 教程" href="http://www.runoob.com/w3c/w3c-tutorial.html">W3C 教程</a></li><li><a title="网站品质" href="http://www.runoob.com/quality/quality-tutorial.html">网站品质</a></li></ul></li></ul>			</div>
	
	</div>
	</div>
	<br>
	
	<div class="sidebar-box ad-box ad-box-large">
		<div class="sidebar-box advertise-here">
			<a href="javascript:void(0);">Advertisement</a>
		</div>
		<div class="ad-600160">
		<script async="" src="./jQuery 教程 _ 菜鸟教程_files/adsbygoogle.js"></script>
		<!-- 侧栏1 -->
		<ins class="adsbygoogle" style="display:inline-block;width:160px;height:600px" data-ad-client="ca-pub-5751451760833794" data-ad-slot="4106274865" data-adsbygoogle-status="done"><ins id="aswift_1_expand" style="display:inline-table;border:none;height:600px;margin:0;padding:0;position:relative;visibility:visible;width:160px;background-color:transparent"><ins id="aswift_1_anchor" style="display:block;border:none;height:600px;margin:0;padding:0;position:relative;visibility:visible;width:160px;background-color:transparent"><iframe width="160" height="600" frameborder="0" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no" allowfullscreen="true" onload="var i=this.id,s=window.google_iframe_oncopy,H=s&amp;&amp;s.handlers,h=H&amp;&amp;H[i],w=this.contentWindow,d;try{d=w.document}catch(e){}if(h&amp;&amp;d&amp;&amp;(!d.body||!d.body.firstChild)){if(h.call){setTimeout(h,0)}else if(h.match){try{h=s.upd(h,i)}catch(e){}w.location.replace(h)}}" id="aswift_1" name="aswift_1" style="left:0;position:absolute;top:0;" src="./jQuery 教程 _ 菜鸟教程_files/saved_resource(1).html"></iframe></ins></ins></ins>
		<script>
		(adsbygoogle = window.adsbygoogle || []).push({});
		</script>
		</div>
	</div>
</div></div>

</div>
<!-- 底部 -->


<div id="footer" class="mar-t50">
   <div class="w3cschoolcc-block">
    <div class="w3cschoolcc cf">
     <dl>
      <dt>
       在线实例
      </dt>
      <dd>
       ·<a href="http://www.runoob.com/html/html-examples.html">HTML 实例</a>
      </dd>
      <dd>
       ·<a href="http://www.runoob.com/css/css-examples.html">CSS 实例</a>
      </dd>
      <dd>
       ·<a href="http://www.runoob.com/js/js-examples.html">JavaScript 实例</a>
      </dd>
      <dd>
       ·<a href="http://www.runoob.com/ajx/ajax-examples.html">Ajax 实例</a>
      </dd>
       <dd>
       ·<a href="http://www.runoob.com/jquery/jquery-examples.html">jQuery 实例</a>
      </dd>
      <dd>
       ·<a href="http://www.runoob.com/xml/xml-examples.html">XML 实例</a>
      </dd>
      <dd>
       ·<a href="http://www.runoob.com/java/java-examples.html">Java 实例</a>
      </dd>
     
     </dl>
     <dl>
      <dt>
      字符集&amp;工具
      </dt>
      <dd>
       · <a href="http://www.runoob.com/charsets/html-charsets.html">HTML 字符集设置</a>
      </dd>
      <dd>
       · <a href="http://www.runoob.com/tags/html-ascii.html">HTML ASCII 字符集</a>
      </dd>
     <dd>
       · <a href="http://www.runoob.com/tags/ref-entities.html">HTML ISO-8859-1</a>
      </dd> 
      <dd>
       · <a href="http://www.runoob.com/tags/ref-symbols.html">HTML 实体符号</a>
      </dd>
      <dd>
       · <a href="http://www.runoob.com/tags/html-colorpicker.html">HTML 拾色器</a>
      </dd>
      <dd>
       · <a href="http://www.runoob.com/jsontool">JSON 格式化工具</a>
      </dd>
     </dl>
     <dl>
      <dt>
       最新更新
      </dt>
                   <dd>
       ·
      <a href="http://www.runoob.com/cssref/css3-pr-text-emphasis.html" title="CSS3 text-emphasis 属性">CSS3 text-empha...</a>
      </dd>
              <dd>
       ·
      <a href="http://www.runoob.com/w3cnote/vue2-start-coding.html" title="Vue2.0 新手入门 — 从环境搭建到发布">Vue2.0 新手入门...</a>
      </dd>
              <dd>
       ·
      <a href="http://www.runoob.com/angularjs2/angularjs2-template-syntax.html" title="AngularJS2 模板语法">AngularJS2 模板...</a>
      </dd>
              <dd>
       ·
      <a href="http://www.runoob.com/angularjs2/angularjs2-forms.html" title="AngularJS2 表单">AngularJS2 表单</a>
      </dd>
              <dd>
       ·
      <a href="http://www.runoob.com/angularjs2/angularjs2-user-input.html" title="AngularJS2 用户输入">AngularJS2 用户...</a>
      </dd>
              <dd>
       ·
      <a href="http://www.runoob.com/jquery/jquery-plugin-message.html" title="jQuery Message">jQuery Message</a>
      </dd>
              <dd>
       ·
      <a href="http://www.runoob.com/angularjs2/angularjs2-displaying-data.html" title="AngularJS2 数据显示">AngularJS2 数据...</a>
      </dd>
             </dl>
     <dl>
      <dt>
       站点信息
      </dt>
      <dd>
       ·
       <a target="_blank" href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&amp;email=ssbDyoOAgfLU3crf09venNHd3w" rel="external nofollow">意见反馈</a>
      </dd>
      <dd>
       ·
      <a href="http://www.runoob.com/disclaimer">免责声明</a>
       </dd>
      <dd>
       ·
       <a href="http://www.runoob.com/aboutus">关于我们</a>
       </dd>
      <dd>
       ·
      <a href="http://www.runoob.com/archives">文章归档</a>
      </dd>
      
     </dl>
     <div class="search-share">
      <div class="app-download">
        <div>
         <strong>关注微信</strong>
        </div>
      </div>
      <div class="share">
      <img width="150" height="150" src="./jQuery 教程 _ 菜鸟教程_files/qrcode.jpg">
       </div>
     </div>
    </div>
   </div>
   <div class="w-1000 copyright">
     Copyright © 2013-2016    <strong><a href="http://www.runoob.com/" target="_blank">菜鸟教程</a></strong>&nbsp;
    <strong><a href="http://www.runoob.com/" target="_blank">runoob.com</a></strong> All Rights Reserved. 备案号：闽ICP备15012807号-1
   </div>
  </div>
  <div class="fixed-btn">
    <a class="go-top" href="javascript:void(0)" title="返回顶部" style="display: inline-block;"> <i class="fa fa-angle-up"></i></a>
    <a class="qrcode" href="javascript:void(0)" title="关注我们"><i class="fa fa-qrcode"></i></a>
    <a class="writer" target="_blank" href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&amp;email=ssbDyoOAgfLU3crf09venNHd3w" style="font-size: 12px;" title="Bug 反馈">反馈</a>
    <!-- qrcode modal -->
    <div id="bottom-qrcode" class="modal panel-modal hide fade in">
      <h4>微信关注</h4>
      <div class="panel-body"><img alt="微信关注" width="128" height="128" src="./jQuery 教程 _ 菜鸟教程_files/qrcode(1).jpg"></div>
    </div>
  </div>
<div style="display:none;">
  <script src="./jQuery 教程 _ 菜鸟教程_files/stat.php" language="JavaScript"></script><script src="./jQuery 教程 _ 菜鸟教程_files/core.php" charset="utf-8" type="text/javascript"></script>
  <script>
  var _hmt = _hmt || [];
  (function() {
    var hm = document.createElement("script");
    hm.src = "//hm.baidu.com/hm.js?8e2a116daf0104a78d601f40a45c75b4";
    var s = document.getElementsByTagName("script")[0]; 
    s.parentNode.insertBefore(hm, s);
  })();
  </script>
</div>
<script src="./jQuery 教程 _ 菜鸟教程_files/main.js"></script>


</body></html>